<template>
  <div>
    <component v-bind:is="layout"></component>
  </div>
</template>

<script>
import FullPageLayout from './layouts/FullPage';
import DefaultLayout from './layouts/Default'
import { mapGetters } from 'vuex';

export default{
  data: () => ({
      loading: true
  }),

  computed: {
    ...mapGetters([
      'layout',
    ]),
  },

  components: {
    'fullpage': FullPageLayout,
    'default': DefaultLayout,
  },
};
</script>

<style lang="scss">

.primary--text {
  color: #BA2B39;
}

.primary--border {
  &.v-chip.v-chip--outlined.v-chip.v-chip {
    border-color: #BA2B39;
  }
}
</style>
